<%-- 
    Document   : reserva
    Created on : 02/12/2013, 21:16:52
    Author     : DIOGO
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Locadora Passatempo - Fazendo o seu tempo valer a pena.</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/janela_preenchimento.css">
        <link rel="stylesheet" href="css/janela_preechimento.css" type="text/css"/>

        <link rel="stylesheet" href="js/jquery/jquery-ui.css">
        <script type="text/javascript" src="js/jquery/jquery-1.10.1.js"></script>
        <script type="text/javascript" src="js/jquery/jquery-ui.js"></script>
        <script type="text/javascript" src="js/jquery/funcoes.js"></script>
        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>      
    </head>
    <body class="body">
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
        <div class="topo">
            <div class="topo boxShadowUp">
		<canvas id="myCanvas"> 
		    Your browser does not support the HTML5 canvas tag.
		</canvas>
            </div>
        </div>
        
        <div class="container"> 
            <div class="jp">
                
                    <figure id="img_locacao">
                        <img src="img/filmes.jpg"></figure>
                    </figure>
                
                <form class="form" method="post" action="CadastroReserva" onsubmit="return validaFormReserva()">
                    <fieldset>
                        <legend>Reserva</legend>
                        <div id="alerta" class="alert alert-warning alert-dismissable" style="display: none;"></div>
                        <div class="control-group">
                            <label class="control-label" for="nomeCliente">Cliente:</label>
                            <div class="controls">
                                <input type="text" name="nomeCliente" id="nomeCliente" placeholder="ex: José da silva" required=""/>
                            </div>
                        </div>                

                        <div class="control-group">
                            <label class="control-label" for="item">Item:</label>
                            <div class="controls">
                                <input type="text" name="busca-item" id="item" placeholder="Ex: Senhor dos anéis" required="" /><button onclick="return false;" id="adicionarItem" name="singlebutton" class="btn btn-link"><i class="icon-plus-sign icon-black"></i></button>
                                
                                <div id="div-itens-selecionados" class="bs-example" style="display: none;">
                                    <table id="tbl-itens-reserva" class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th>Código</th>
                                                <th>Nome</th>
                                                <th>Tipo</th>
                                                <th>Preço</th>
                                                <th>Remover</th>
                                            </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>                                
                            </div>
                        </div>                             

                        <div>
                            <label for="data">Data de pedido</label>                                            
                            <input type="text" name="exibeDataAtual" id="dataLocacao" /> 
                            <label for="data">Data de Reserva</label>
                            <input type="date" id="dt_reserva">
                        </div>

                        <div class="control-group">
                            <div class="controls">
                                <button type="submit" class="btn btn-success">Solicitar Reserva</button> <button type="button" class="btn btn-primary" onclick="window.location.href='./index.jsp'" class="btn btn-large">Inicio</button>
                            </div>
                        </div>
                    </fieldset>
                </form>                
            </div>
        </div>
        
        <div id="dialog-filme" title="Selecionar Filme">
            <table class="table panel-default">
                <thead>
                    <tr>
                        <th>&nbsp;</th>
                        <th>Nome</th>
                        <th>Tipo</th>
                        <th>Disponibilidade</th>
                        <th>Preço</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>        

        <footer class="footer">           
                <div id="footer_endereco">
                    <h6>© 2013 Vídeo <b>Locadora PassaTempo.</b> Todos os direitos reservados.</h6>
                </div>                                                       
        </footer>
    </body>
    <script type="text/javascript" src="js/canvas/filme.js"></script>
</html>